
<?php use application\Comm\Func;
$pager = new \application\Comm\Pager($page);?>

<link rel="stylesheet" href="<?php echo Func::staticUrl('stylesheets/css/index.css')?>">
<link rel="stylesheet" href="<?php echo Func::staticUrl('css/house/house.css') ?>">
<div class="banner_house container">
    <h1>一站式全屋定制</h1>
    <ul>
        <li class="cur"><a href="javascript:;">一房一厅</a></li>
        <li><a href="javascript:;">两房两厅</a></li>
        <li><a href="javascript:;">三房两厅</a></li>
        <li><a href="javascript:;">四房两厅</a></li>
    </ul>
</div>

<div class="house_sort container">
    <ul>
        <li class="cur"><a href="javascript:;">综合排序</a></li>
        <li><a href="javascript:;">价格↓</a></li>
        <li><a href="javascript:;">最新↓</a></li>
        <li><a href="javascript:;">最热↓</a></li>
    </ul>
</div>
<div class="house_lists container">
    <ul>
        <li class="hss clearfix">
            <div class="house_lt">
                <a class="img_box" href="">
                    <img src="<?php echo Func::staticUrl('images/house/tiankongzhichengbig1.jpg') ?>"  class="original_img" alt="">
                </a>
            </div>
            <div class="house_rt">
                <h2>天空之城，简约不简单的心灵港湾</h2>
                <dl class="clearfix">
                    <dt>
                        <a class="img"><img src="<?php echo Func::staticUrl('images/house/jinfeng.jpg') ?>" alt=""></a>
                        <p>设计师：金峰</p>
                        <a href="" class="book">预约设计</a>
                    </dt>
                    <dd><h4>设计解读</h4></dd>
                    <dd>
                        <div class="js">当都市的忙碌生活，激发了疲惫身心对家的依恋。让空间组合不在局限于硬质墙体，更加注重会客、餐饮、学习、睡眠等功能布局的逻辑，充满灵活性、兼容性和流动性。</div>
                    </dd>
                    <dd>
                        <ul class="clearfix book_lists">
                            <li><a href="javascript:;">衣柜</a></li>
                            <li><a href="javascript:;">衣柜柜</a></li>
                            <li><a href="javascript:;">衣柜柜柜</a></li>
                            <li><a href="javascript:;">衣柜柜柜</a></li>
                        </ul>
                    </dd>
                </dl>
                <div class="b_thumb PrdSwitch">
					<div class="thumb_list">
						<ul class="clearfix">
                            <li data-big="http://img1.jiaxiaoge.cn/product/2017/05/26/2017052617350799845.jpg" class="cur">
                                <a href="" class="smimg">
                                    <img src="http://img1.jiaxiaoge.cn/product/2017/05/26/2017052617350799845.jpg" alt="" title="">
                                </a> 
                            </li>
                            <li data-big="http://img1.jiaxiaoge.cn/product/2017/05/26/2017052617350916605.jpg" class="">
                                <a href="" class="smimg">
                                    <img src="http://img1.jiaxiaoge.cn/product/2017/05/26/2017052617350916605.jpg" alt="" title="">
                                </a>  
                            </li>
                            <li data-big="http://img1.jiaxiaoge.cn/product/2017/05/26/2017052617351314788.jpg">
                                <a href="" class="smimg">
                                    <img src="http://img1.jiaxiaoge.cn/product/2017/05/26/2017052617351314788.jpg" alt="" title="">
                                </a>    
                            </li>
                            <li data-big="http://img1.jiaxiaoge.cn/product/2017/05/26/2017052617351719817.jpg">
                                <a href="" class="smimg">
                                    <img src="http://img1.jiaxiaoge.cn/product/2017/05/26/2017052617352223940.jpg" alt="" title="">
                                </a>
                            </li>                               
						</ul>
					</div>
					<div class="b_mask">
						<span class="mask_l s_mask_l">
							&lt;
						</span>
						<span class="mask_r s_mask_r">
							&gt;
						</span>
					</div>
				</div>
            </div>
        </li>
        <li class="hss clearfix">
            <div class="house_lt">
                <a class="img_box" href="">
                    <img src="<?php echo Func::staticUrl('images/house/tiankongzhichengbig1.jpg') ?>"  class="original_img" alt="">
                </a>
            </div>
            <div class="house_rt">
                <h2>天空之城，简约不简单的心灵港湾</h2>
                <dl class="clearfix">
                    <dt>
                        <a class="img"><img src="<?php echo Func::staticUrl('images/house/jinfeng.jpg') ?>" alt=""></a>
                        <p>设计师：金峰</p>
                        <a href="" class="book">预约设计</a>
                    </dt>
                    <dd><h4>设计解读</h4></dd>
                    <dd>
                        <div class="js">当都市的忙碌生活，激发了疲惫身心对家的依恋。让空间组合不在局限于硬质墙体，更加注重会客、餐饮、学习、睡眠等功能布局的逻辑，充满灵活性、兼容性和流动性。</div>
                    </dd>
                    <dd>
                        <ul class="clearfix book_lists">
                            <li><a href="javascript:;">衣柜</a></li>
                            <li><a href="javascript:;">衣柜柜</a></li>
                            <li><a href="javascript:;">衣柜柜柜</a></li>
                            <li><a href="javascript:;">衣柜柜柜</a></li>
                        </ul>
                    </dd>
                </dl>
                <div class="b_thumb PrdSwitch">
					<div class="thumb_list">
						<ul class="clearfix">
                            <li data-big="http://img1.jiaxiaoge.cn/product/2017/05/26/2017052617350799845.jpg" class="cur">
                                <a href="" class="smimg">
                                    <img src="http://img1.jiaxiaoge.cn/product/2017/05/26/2017052617350799845.jpg" alt="" title="">
                                </a> 
                            </li>
                            <li data-big="http://img1.jiaxiaoge.cn/product/2017/05/26/2017052617350916605.jpg" class="">
                                <a href="" class="smimg">
                                    <img src="http://img1.jiaxiaoge.cn/product/2017/05/26/2017052617350916605.jpg" alt="" title="">
                                </a>  
                            </li>
                            <li data-big="http://img1.jiaxiaoge.cn/product/2017/05/26/2017052617351314788.jpg">
                                <a href="" class="smimg">
                                    <img src="http://img1.jiaxiaoge.cn/product/2017/05/26/2017052617351314788.jpg" alt="" title="">
                                </a>    
                            </li>
                            <li data-big="http://img1.jiaxiaoge.cn/product/2017/05/26/2017052617351719817.jpg">
                                <a href="" class="smimg">
                                    <img src="http://img1.jiaxiaoge.cn/product/2017/05/26/2017052617352223940.jpg" alt="" title="">
                                </a>
                            </li>                               
						</ul>
					</div>
					<div class="b_mask">
						<span class="mask_l s_mask_l">
							&lt;
						</span>
						<span class="mask_r s_mask_r">
							&gt;
						</span>
					</div>
				</div>
            </div>
        </li>
    </ul>
    <div class="page page1 clearfix">
					<?php
		             echo $pager->show('2');
		          	?>
    </div>
</div>
<!--列表页内容-->

<!--公共尾部-->
</div>
<script>
    $(".banner .down").mouseleave(function() {
        //alert(111)
        $(".down_menu_l").css("display","none");
    })
    /*产品切换*/
    $(".PrdSwitch").PrdSwitch({num:3});
    $(".thumb_list").on('mouseover','li',function(){
        var imgUrl=$(this).data('big');
        $(this).parent().parent().parent().parent().parent().find(".original_img").attr('src',imgUrl);
        $(this).addClass('cur').siblings().removeClass('cur');
    });
</script>

